<{include file="../modules/header.html" title='订单'}>
	<style>
	.block .paycell{margin: 2px;padding: 5px;width: 785px;vertical-align: top;background-color: #F0F0F0;}
	</style>
	<script src="<{$ROOTPATH}>/scripts/vars/order.js.php"></script>
	<script> jQuery(function($){order.init();}); </script>
        <!--ショッピングカート-->
        <div id="cart_block" class="block">
            <div class="title">
                ショッピングカート
            </div>
            <div class="views">
                products data list here.
            </div>
        </div>
        <!--終り-->
        <!--支払い方法-->
        <div id="pay_block" class="block">
            <div class="title">
                支払い方法
            </div>
            <input id="pay_id" type="hidden" value="" />
			<div class="paycell" id="pay_block_cod">
                <input id="pay_block_cod_radio" class="pay_group" type="radio" name="pay" value="1" />
                <label for="pay_block_cod_radio">
                    代引き</label><span class="error_msg"></span>
                <div>
	                <p>
	                    商品お届けの際に配送業者の方に代金をお支払いただく方法です。 こちらは送料の他に
	                    代引き手数料が掛かります。<br />
	                    <span class="price1">※代引手数料は「ご注文１件ごと」に必要となりますので、 複数
	                    の商品をご注文される際はご注意ください。</span><br />
	                    <br />
	                    代引き手数料は以下のようになっております。<br />
	                </p>
                </div>
            </div>
            <div class="paycell" id="pay_block_bank">
                <input id="pay_block_bank_radio" class="pay_group" type="radio" name="pay" value="2" />
                <label for="pay_block_bank_radio">
                    銀行振込み</label><span class="error_msg"></span>
                <div>
	                <p>
	                    商品代金を当店指定の金融機関にお振込みいただく方法です。 振り込み手数料はお客様負担
	                    となります。<br />
	                    <br />
	                    <span class="price1">※ご注文後、「5日以内」にお振り込みください。</span><br />
	                    5日以内にご入金がない場合、キャンセル扱いとさせて頂きます。
	                    <br />
	                    <br />
	                    ■ 振込先について<br />
	                    ・<span class="price1">ジャパンネットバンク 口座</span><br />
	                    ・<span class="price1">三菱東京UFJ銀行 神田駅前支店</span>
	                </p>
                </div>
            </div>
            <div id="pay_change_view" class="views" style="clear: both;">
                <a class="typeLink" id="pay_change_cancel_link">
                    支払い方法を変更</a>
            </div>
        </div>
        <!--終り-->
        <!--ご注文者さま-->
        <div id="user_address_block" class="block">
            <div class="title">
                ご注文者さま
            </div>
            <div class="views">
                <div class="row">
                    <div class="label">お名前</div>
                    <div>
                        <input type="text" class="onamae" name="onamae" value="" maxlength="20" /><span class="error_msg"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="label">フリガナ</div>
                    <div>
                        <input type="text" class="furikana" name="furikana" value="" maxlength="20" /><span
                            class="error_msg"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="label">法人区分</div>
                    <div>
                        <label>
                            <input class="company_group company1" type="radio" name="company" value="0" checked="checked" />個人</label>
                        <label>
                            <input class="company_group company2" type="radio" name="company" value="1" />法人</label>
                    </div>
                </div>
                <div class="row">
                    <div class="label">郵便番号</div>
                    <div>
                        <input type="text" class="zip" name="zip" value="" maxlength="8" /><span class="error_msg"></span></div>
                </div>
                <div class="row">
                    <div class="label">都道府県</div>
                    <div>
                        <select class="ken" name="ken" style="width:120px">
                            <option value="北海道">北海道</option>
                            <option value="青森県">青森県</option>
                            <option value="岩手県">岩手県</option>
                            <option value="宮城県">宮城県</option>
                            <option value="秋田県">秋田県</option>
                            <option value="山形県">山形県</option>
                            <option value="福島県">福島県</option>
                            <option value="茨城県">茨城県</option>
                            <option value="栃木県">栃木県</option>
                            <option value="群馬県">群馬県</option>
                            <option value="埼玉県">埼玉県</option>
                            <option value="千葉県">千葉県</option>
                            <option value="東京都">東京都</option>
                            <option value="神奈川県">神奈川県</option>
                            <option value="新潟県">新潟県</option>
                            <option value="富山県">富山県</option>
                            <option value="石川県">石川県</option>
                            <option value="福井県">福井県</option>
                            <option value="山梨県">山梨県</option>
                            <option value="長野県">長野県</option>
                            <option value="岐阜県">岐阜県</option>
                            <option value="静岡県">静岡県</option>
                            <option value="愛知県">愛知県</option>
                            <option value="三重県">三重県</option>
                            <option value="滋賀県">滋賀県</option>
                            <option value="京都府">京都府</option>
                            <option value="大阪府">大阪府</option>
                            <option value="兵庫県">兵庫県</option>
                            <option value="奈良県">奈良県</option>
                            <option value="和歌山県">和歌山県</option>
                            <option value="鳥取県">鳥取県</option>
                            <option value="島根県">島根県</option>
                            <option value="岡山県">岡山県</option>
                            <option value="広島県">広島県</option>
                            <option value="山口県">山口県</option>
                            <option value="徳島県">徳島県</option>
                            <option value="香川県">香川県</option>
                            <option value="愛媛県">愛媛県</option>
                            <option value="高知県">高知県</option>
                            <option value="福岡県">福岡県</option>
                            <option value="佐賀県">佐賀県</option>
                            <option value="長崎県">長崎県</option>
                            <option value="熊本県">熊本県</option>
                            <option value="大分県">大分県</option>
                            <option value="宮崎県">宮崎県</option>
                            <option value="鹿児島県">鹿児島県</option>
                            <option value="沖縄県">沖縄県</option>
                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="label">市区町村</div>
                    <div>
                        <input type="text" class="city" name="city" value="" maxlength="20" />
                    </div>
                </div>
                <div class="row">
                    <div class="label">ご住所</div>
                    <div>
                        <input type="text" class="address" name="address" value="" maxlength="120" />
                    </div>
                </div>
                <div class="row">
                    <div class="label">メールアドレス</div>
                    <div>
                        <input type="text" class="mail" name="tel" value="" maxlength="20" /><span class="error_msg"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="label">電話番号</div>
                    <div>
                        <input type="text" class="tel" name="tel" value="" maxlength="20" /><span class="error_msg"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="label">モバイル</div>
                    <div>
                        <input type="text" class="mobile" name="mobile" value="" maxlength="20" /><span class="error_msg"></span>
                    </div>
                </div>
            </div>
            <input type="hidden" class="addr_id" value="new" />
        </div>
        <!--終り-->
        <!--お届け先-->
        <div id="delivery_address_block" class="block">
        	<input id="delivery_addr_id" type="hidden" value="new" />
            <div class="title">
                お届け先
            </div>
        	<div class="views" id="delivery_address_same_view">
            	<a id="delivery_address_same_user_link" class="typeLink">ご注文者さまと同じである場合はクリックしてください。</a>
            </div>
            <div id="delivery_address_same_user_cancel">
                ご注文者さまと同じ住所に発送いたします。 
                <a id="delivery_address_same_user_cancel_link" class="typeLink">
                    取り消し</a>
            </div>
            <div class="views" id="delivery_address_form_view">
                <div class="row">
                    <div class="label">
                        お名前</div>
                    <div>
                        <input type="text" class="onamae" name="onamae" value="" maxlength="20" /><span class="error_msg"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        郵便番号</div>
                    <div>
                        <input type="text" class="zip" name="zip" value="" maxlength="8" /><span class="error_msg"></span></div>
                </div>
                <div class="row">
                    <div class="label">
                        都道府県</div>
                    <div>
                        <select class="ken" name="ken" style="width:120px">
                            <option value="北海道">北海道</option>
                            <option value="青森県">青森県</option>
                            <option value="岩手県">岩手県</option>
                            <option value="宮城県">宮城県</option>
                            <option value="秋田県">秋田県</option>
                            <option value="山形県">山形県</option>
                            <option value="福島県">福島県</option>
                            <option value="茨城県">茨城県</option>
                            <option value="栃木県">栃木県</option>
                            <option value="群馬県">群馬県</option>
                            <option value="埼玉県">埼玉県</option>
                            <option value="千葉県">千葉県</option>
                            <option value="東京都">東京都</option>
                            <option value="神奈川県">神奈川県</option>
                            <option value="新潟県">新潟県</option>
                            <option value="富山県">富山県</option>
                            <option value="石川県">石川県</option>
                            <option value="福井県">福井県</option>
                            <option value="山梨県">山梨県</option>
                            <option value="長野県">長野県</option>
                            <option value="岐阜県">岐阜県</option>
                            <option value="静岡県">静岡県</option>
                            <option value="愛知県">愛知県</option>
                            <option value="三重県">三重県</option>
                            <option value="滋賀県">滋賀県</option>
                            <option value="京都府">京都府</option>
                            <option value="大阪府">大阪府</option>
                            <option value="兵庫県">兵庫県</option>
                            <option value="奈良県">奈良県</option>
                            <option value="和歌山県">和歌山県</option>
                            <option value="鳥取県">鳥取県</option>
                            <option value="島根県">島根県</option>
                            <option value="岡山県">岡山県</option>
                            <option value="広島県">広島県</option>
                            <option value="山口県">山口県</option>
                            <option value="徳島県">徳島県</option>
                            <option value="香川県">香川県</option>
                            <option value="愛媛県">愛媛県</option>
                            <option value="高知県">高知県</option>
                            <option value="福岡県">福岡県</option>
                            <option value="佐賀県">佐賀県</option>
                            <option value="長崎県">長崎県</option>
                            <option value="熊本県">熊本県</option>
                            <option value="大分県">大分県</option>
                            <option value="宮崎県">宮崎県</option>
                            <option value="鹿児島県">鹿児島県</option>
                            <option value="沖縄県">沖縄県</option>
                        </select>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        市区町村</div>
                    <div>
                        <input type="text" class="city" name="city" value="" maxlength="20" />
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        ご住所</div>
                    <div>
                        <input type="text" class="address" name="address" value="" maxlength="120" />
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        電話番号</div>
                    <div>
                        <input type="text" class="tel" name="tel" value="" maxlength="20" /><span class="error_msg"></span>
                    </div>
                </div>
                <div class="row">
                    <div class="label">
                        モバイル</div>
                    <div>
                        <input type="text" class="mobile" name="mobile" value="" maxlength="20" /><span class="error_msg"></span>
                    </div>
                </div>
            </div>
        </div>
        <!--終り-->
        <!--配送指定など-->
        <div id="distribution_block" class="block">
            <div class="title">
                配送指定など
            </div>
            <div class="row">
                <div class="label">
                    配送希望日指定</div>
                <div>
                    <select id="delivery_date_select" style="width:140px">
                    </select>
                 </div>
            </div>
            <div class="row">
                <div class="label">お届け時間帯</div>
                <div>
                    <select id="delivery_time" size="3" style="width:120px">
                        <option value="" selected="selected">希望なし</option>
                        <option value="午前中">午前中</option>
                        <option value="12時～14時">12時～14時</option>
                        <option value="14時～16時">14時～16時</option>
                        <option value="16時～18時">16時～18時</option>
                        <option value="18時～21時">18時～21時</option>
                    </select>
                </div>
            </div>
        </div>
        <!--終り-->
        <!--その他-->
        <div id="other_block" class="block">
            <div class="title">その他</div>
            <div class="row">
	            <div class="label">領収書</div>
	            <div>
	                <input id="need_invoice" type="button" value="希望する" />
	                <input id="invoice" type="text" value="" />
	                <input id="cancel_invoice" type="button" value="キャンセル" />
				</div>
			</div>
        </div>
        <!--終り-->
        <!--アカウント-->
        <div id="regist_block" class="block">
            <div class="title">アカウント</div>
            <div class="row">
                <div class="label">アカウント名</div>
                <div><input id="r_id" name="r_id" type="text" value="" maxlength="50" class="field_m" /><span class="error_msg"></span></div>
            </div>
            <div class="row">
                <div class="label">パスワード</div>
                <div><input id="r_pwd" name="r_pwd" type="password" value="" maxlength="20" class="field_m" /><span class="error_msg"></span><br />
                    （6文字以上の半角英数字）
                </div>
            </div>
            <div class="row">
                <div class="label">パスワード確認</div>
                <div><input id="r_pwd1" name="r_pwd1" type="password" value="" maxlength="20" class="field_m" /><span class="error_msg"></span>
                </div>
            </div>
        </div>
        <!--終り-->
        <!--よろしければご記入ください-->
        <div id="section_block" class="block">
            <div class="title">よろしければご記入ください</div>
            <div class="row">
                <div class="label">性別</div>
                <div>
                    <label for="r_sex1">
                        男性</label>
                    <input id="r_sex1" name="regist_sex" type="radio" value="男性" />
                    <label for="r_sex2">
                        女性</label>
                    <input id="r_sex2" name="regist_sex" type="radio" value="女性" />
               	</div>
            </div>
            <div class="row">
                <div class="label">年齢</div>
                <div>
                    <select id="r_age" name="r_age" size="3" style="width:120px">
                        <option value="10代">10代</option>
                        <option value="20代">20代</option>
                        <option value="30代">30代</option>
                        <option value="40代">40代</option>
                        <option value="50代">50代</option>
                        <option value="60代">60代</option>
                        <option value="70代">70代以上</option>
                    </select>
                </div>
            </div>
        </div>
        <!--終り-->
        <div id="execute_block" class="block">
		<img alt="" id="go_back" src="<{$ROOTPATH}>/images/sys/btn-back.gif" />
		<img alt="" id="go_execute" src="<{$ROOTPATH}>/images/sys/btn-next.gif" />
	</div>
    <ul id="msg"></ul>
<{include file="../modules/footer.html"}>